<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head>
        <title>Facelet Title</title>
        <h:outputStylesheet library="css" name="bootstrap.min.css" />
        <h:outputScript library="js/jQuery" name="jquery-2.0.0.min.js" />
        <h:outputScript library="js" name="bootstrap.min.js"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

    </h:head>  
    <h:body>
        <div class="container" >
            <h:form>
                <h:dataTable var="row" value="#{customerBean.bills}" styleClass="table table-hover">
                    <h:column>
                        <f:facet name="header">
                            <h:outputText value="订单编号" /> 
                        </f:facet>
                        <h:commandLink action="hello" value="#{row.id}" />
                    </h:column>
                </h:dataTable>  

            </h:form>

        </div>
    </h:body>
</html>
